<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>work</title>
    <link rel="stylesheet" href="work.css" />
  </head>
  <body>
    <header>
      <!-- <img src="../img/01-header/codingke-icon.png" alt="" class="head1" /> -->
      <h1>扣丁学堂</h1>
      <a href="" class="head"></a>
      <input type="text" class="head" placeholder="请输入您关键字" />
    </header>
    <nav>
      <div class="nav">
        <a href="" class="nav">考试认证</a>
        <a href="" class="nav">前端开发</a>
        <a href="" class="nav">编程语言</a>
        <a href="" class="nav">软件测试</a>
        <a href="" class="nav">电商设计</a>
        <a href="" class="nav">其他的课程</a>
        <a href="" class="nav">新闻资讯</a>
        <a href="" class="nav">人力资源</a>
        <a href="" class="nav">联系我们</a>
      </div>
    </nav>
    <main>
      <div>
        <a href="" class="main"
          ><img src="../img/03-swiper/swiper.png" alt=""
        /></a>
      </div>
    </main>
    <!-- s1 -->
    <section id="s1">
      <div class="d1">
        <h3>动态新闻</h3>
        <ul>
          <li>
            <img src="../img/04-news/small.png" alt="" />
            <a href="">培养HTML5人才过万机构，4次推动行业课程升级</a>
          </li>
          <a href="" class="time">2019-05-24</a>
          <li>
            <img src="../img/04-news/small.png" alt="" />
            <a href="">打造“前端+后端+移动端”全栈工程师</a>
          </li>
          <a href="" class="time">2019-03-24</a>
          <li>
            <img src="../img/04-news/small.png" alt="" />
            <a href="">扣丁学堂HTML5培训详解WebSocket跨域问题解决</a>
          </li>
          <a href="" class="time">2019-02-14</a>
          <li>
            <img src="../img/04-news/small.png" alt="" />
            <a href="">好程序员2期 平均薪资10896元 55%月薪过万</a>
          </li>
          <a href="" class="time">2019-02-18</a>
          <li>
            <img src="../img/04-news/small.png" alt="" />
            <a href="">20天做出坦克大战、100天完成亿级秒杀系统</a>
          </li>
          <a href="" class="time">2019-05-24</a>
          <li>
            <img src="../img/04-news/small.png" alt="" />
            <a href="">千锋教育助力“双万计划”开启校企新篇章</a>
          </li>
          <a href="" class="time">2019-04-22</a>
          <li>
            <img src="../img/04-news/small.png" alt="" />
            <a href="">2019千锋教研院“C-plus"战略三大亮点抢先看</a>
          </li>
          <a href="" class="time">2019-05-20</a>
        </ul>
      </div>
      <div class="d2">
        <h3>关于扣丁</h3>
        <p>
          扣丁学堂是千锋教育集团旗下IT在线教育品牌，秉承用良心做教育的理念，旨在让学员通过在线学习的方式实现IT梦......
        </p>
        <p>
          "扣丁"一词是英文CODING的谐音，意为编码的意思域名CODINGKE是"扣丁客儿"的意思......
        </p>
      </div>
      <div class="d3">
        <h3>人才招聘</h3>
        <p>培养一流的人才，锻造一流的工程实现员工与企业的共同发展</p>
        <img src="../img/04-news/more.png" alt="" class="more" />
        <img src="../img/04-news/plant.png" alt="" class="plant" />
      </div>
    </section>

    <!-- s2 -->
    <section id="s2">
      <div class="s2">
        <img src="../img/05-HTML5/html5.png" alt="" />
        <div class="d2">
          <h3>HTML5大前端开发</h3>
          <p>
            <span id="M">月薪</span> <span id="m">10-15K</span>
            <a href="">查看就业情况</a>
          </p>
          <p>
            全栈HTML5+web前端开发培训工程师体系课程，通过一系列由入门到实战项目系列由入门到实战项目系列由入门实战项目系列由入门到实战项目系列由入门到实战项目，掌握前端工程师所需技能，学习前后端开发关键技术、特效高级实战、企业级应用，更有微信小程序开发，成为...
          </p>
        </div>
      </div>
    </section>
    <!-- s3 -->
    <section id="s3">
      <h3>面授名师</h3>
      <h3>数十位够监级专家讲师全职授课，200余位业内强师全程面授>></h3>
    </section>
    <!-- s4 -->
    <section id="s4">
      <div class="d">
        <dl>
          <dt><img src="../img/06-f2f-teachers/wang.png" alt="" /></dt>
          <dd class="teacher">王老师</dd>
          <dd class="place">原中科院计算所专家</dd>
        </dl>
        <p>
          11年从业经验，曾任北京市高校师资培训中心特邀讲师，多年担任北京市属高校师资培训工作
        </p>
      </div>
      <div class="d">
        <dl>
          <dt><img src="../img/06-f2f-teachers/luo.png" alt="" /></dt>
          <dd class="teacher">罗老师</dd>
          <dd class="place">微软中国项目负责人</dd>
        </dl>
        <p>
          10年多软件开发经验，7年多教学经验，精通Java企业平台技术、企业搜素引擎、Hacoop大数据、以及分布式架构、开发过山...
        </p>
      </div>
      <div class="d">
        <dl>
          <dt><img src="../img/06-f2f-teachers/du.png" alt="" /></dt>
          <dd class="teacher">杜老师</dd>
          <dd class="place">移动类游戏奠基人</dd>
        </dl>
        <p>
          12年从业经验，火电厂燃烧优化系统项目负责人，移动端网棋牌游戏奠基人
        </p>
      </div>
      <div class="d">
        <dl>
          <dt><img src="../img/06-f2f-teachers/di.png" alt="" /></dt>
          <dd class="teacher">狄老师</dd>
          <dd class="place">中科院项段负责人</dd>
        </dl>
        <p>
          10年从业经验，军队及中科院西安网络中心J2EE教育与研发负责人，陕西省税务局软件开发培训讲师
        </p>
      </div>
    </section>
    <!-- footer -->
    <footer>
      <p class="p1">
        北京千锋互联科技有限公司版权所有&emsp;北京市海淀区宝盛北里西区28号天丰利商场4层
      </p>
      <p class="p2">京ICP备12003911号-6&emsp;Copyright © 2013 -2019</p>
    </footer>
  </body>
</html>
